html,body { margin:0; padding:0; height:100%; border:none }

body      { background: #707070; color: #cccccc; font-family: Arial, Helvetica, sans-serif; display: flex; }

.center   { text-align: center; }

.login    { position: fixed; right: 0px; bottom: 0px; margin: 2px; text-align: right; }

.login > a   { color: black; font-size: 12px; text-decoration: none; }

.login > a:hover { color: grey; }



.border {

  background-color: #595959;

  box-shadow: 1px 1px 1px 0 #3a3a3a;

  }





/* -- LEFT COLUMN -START- -- */ 

.leftcolumn {

  vertical-align: top;

  display: flex;

  flex-direction: column;

  height: 100%;

  }



.teamspeakiframe {

	border: 1px black solid;

  width: 230px;

  display: block;

  margin: 0px 10px 10px;

  height: 100%;

  }



.search {

  width: 230px;

  height: 80px;

  color: #000000;   

  display: block;

  text-align: center;

  margin: 10px;

  border: 1px black solid;

}



 .searchimg-google       { background-image: url('searchimg-google.png'); width: 230px; height: 34px; border: 0; background-size: 230px 34px; }

 .searchformtextbox      { background: #707070; border: #000000 1px solid; color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: small; width: 220px; }

 .searchformbutton       { margin-bottom: 1px; background: #707070; border: #000000 1px solid; color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: small; }

 .searchformtickboxlabel { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: small; }

 .searchimg-xecom        { background-image: url('searchimg-xecom.png'); width: 230px; height: 34px; border: 0; background-size: 230px 34px; }

 .xe { font-size: 10px; min-height: 78px; margin-top: 0 !IMPORTANT; }  

 .searchformdropdown { font-size: 10px; background: #707070; border: #000000 1px solid; }

 .searchxetextbox { background: #707070; border: #000000 1px solid; color: #000000; }



/* -- LEFT COLUMN -END- -- */



/* -- RIGHT COLUMN -START- -- */



.rightcolumn { display: inline-block; vertical-align: top; height: 100%; flex-grow: 1; }



.everydaylinks { margin: 10px 10px 10px 0; height: 78px; border: 1px solid black; vertical-align: top; }

.medialinks { margin: 0 10px 0 0; height: 78px; border: 1px solid black; vertical-align: top; }

  /* -- PIC LINK -START- -- */

  .picgrouplink      { display: inline-block; vertical-align: top; }

    .piclinklink     { margin: 0px 0px 0px 0px; text-align: left; }

      .linkpic   { height: 58px; width: 58px; margin: 10px 0px 10px 10px; border: 1px solid black; border-radius: 1px; box-shadow: 1px 1px 1px 0 #333333; }

    .piceditbuttons  { position: relative; top: -30px; left: 5px; display: block; text-align: right; white-space: nowrap; width: 58px; }

      .piclinkedit   { vertical-align: top; background-image: url('linkedit.png');   width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

      .piclinkdelete { vertical-align: top; background-image: url('linkdelete.png'); width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

      .piclinkmove   { vertical-align: top; background-image: url('linkmove.png');   width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

   .picgroupeditbuttons { position: fixed; z-index: 100; text-align: left; margin-top: -103px; margin-left: -1px;}

  /* -- PIC LINK -END- -- */





.linkcolumns { margin: 0 10px 10px 0; border: 0; display: flex; }



.col { flex-grow: 1; margin-right: 10px; }



.grouptitle         { display: flex; border: 1px black solid; padding-left: 2px; margin-top: 10px; }

  .groupname        { vertical-align: top; margin: 0px 0px 0px 0px; flex-grow: 1; text-align: left; font-weight: bold; }

  .groupeditbuttons { display: inline-block; text-align: right; flex-grow: 0; white-space: nowrap; }

    .linkadd        { vertical-align: top; background-image: url('linkadd.png');    width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

    .groupedit      { vertical-align: top; background-image: url('linkedit.png');   width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

    .groupdelete    { vertical-align: top; background-image: url('linkdelete.png'); width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }



.linkmaingroup { border: 1px black solid; border-top: 0px black solid; }



.grouplink      { display: flex; }

  .linklink     { vertical-align: top; margin: 0px 0px 0px 0px; flex-grow: 1; text-align: left; white-space: nowrap; }

  a.linklink    { color: #aaaaaa; }

  a.linklink:hover { color: #222222; }

    .linkname   { vertical-align: top; margin: 0px 0px 0px 0px; display: inline-block; white-space: normal; }

    .linkbullet { vertical-align: top; background-image: url('linkbullet.png'); width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

  .editbuttons  { display: inline-block; text-align: right; flex-grow: 0; white-space: nowrap; }

    .linkedit   { vertical-align: top; background-image: url('linkedit.png');   width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

    .linkdelete { vertical-align: top; background-image: url('linkdelete.png'); width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

    .linkmove   { vertical-align: top; background-image: url('linkmove.png');   width: 16px; height: 20px; margin: 0px 0px 0px 0px; border: 0; display: inline-block; }

 

/* -- LEFT COLUMN -END- -- */





/* GREY BOX CSS - Start */

#GB_overlay{background-color:#000;position:absolute;margin:auto;top:0;left:0;z-index:100;}

#GB_window{left:0;top:0;font-size:1px;position:absolute;overflow:visible;z-index:150;}

#GB_window .content{width:auto;margin:0;padding:0;}

#GB_frame{border:0;margin:0;padding:0;overflow:auto;white-space:nowrap;}

.GB_Gallery{margin:0 22px 0 22px;}

.GB_Gallery .content{background-color:#fff;border:3px solid #ddd;}

.GB_header{top:10px;left:0;margin:0;z-index:500;position:absolute;border-bottom:2px solid #555;border-top:2px solid #555;}

.GB_header .inner{background-color:#333;font-family:Arial,Verdana,sans-serif;padding:2px 20px 2px 20px;}

.GB_header table{margin:0;width:100%;border-collapse:collapse;}

.GB_header .caption{text-align:left;color:#eee;white-space:nowrap;font-size:20px;}

.GB_header .close{text-align:right;}

.GB_header .close img{z-index:500;cursor:pointer;}

.GB_header .middle{white-space:nowrap;text-align:center;}

#GB_middle{color:#eee;}

#GB_middle img{cursor:pointer;vertical-align:middle;}

#GB_middle .disabled{cursor:default;}

#GB_middle .left{padding-right:10px;}

#GB_middle .right{padding-left:10px;}

.GB_Window .content{background-color:#fff;border:3px solid #ccc;border-top:none;}

.GB_Window .header{border-bottom:1px solid #aaa;border-top:1px solid #999;border-left:3px solid #ccc;border-right:3px solid #ccc;margin:0;height:22px;font-size:12px;padding:3px 0;color:#333;}

.GB_Window .caption{font-size:12px;text-align:left;font-weight:bold;white-space:nowrap;padding-right:20px;}

.GB_Window .close{text-align:right;}

.GB_Window .close span{font-size:12px;cursor:pointer;}

.GB_Window .close img{cursor:pointer;padding:0 3px 0 0;}

.GB_Window .on{border-bottom:1px solid #333;}

.GB_Window .click{border-bottom:1px solid red;}

/* GREY BOX CSS - End */